<template>
  <section class="microapp-main">
    <Layout>
      <!-- 路由匹配到的页面放到content中 -->
      <router-view v-slot="{ Component }">
        <!-- <keep-alive> -->
          <component :is="Component" />
        <!-- </keep-alive> -->
      </router-view>
    </Layout>
  </section>
</template>

<script lang="ts" setup>
import Layout from "@/layout/index.vue";
</script>

<style lang="scss">
:root {
  /** 防止子应用导致的高度溢出 */
  overflow: hidden;
}
/** element样式调整 */
@import "@/styles/hotfix.element-plus.scss";
/** 重置样式表 */
@import "@/styles/reset.scss";
/** 引入公共样式(团队内部使用的), 会将@/styles/common.*.scss全部导入 */
@import "@/styles/index.scss";
</style>
